<template>
  <div>
    <span>请选择你喜欢的专栏</span><br>
    <input type="checkbox" v-model="arr" value="科幻">科幻
    <input type="checkbox" v-model="arr" value="喜剧">喜剧
    <input type="checkbox" v-model="arr" value="动漫">动漫
    <input type="checkbox" v-model="arr" value="冒险">冒险
    <input type="checkbox" v-model="arr" value="科技">科技
    <input type="checkbox" v-model="arr" value="军事">军事
    <input type="checkbox" v-model="arr" value="娱乐">娱乐
    <input type="checkbox" v-model="arr" value="奇闻">奇闻

    <ul>
      <li v-for="(item,index) in arr" :key="index">
      {{item}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data(){
    return{
      // 数据在这里
      arr :[]
    }
  }
}
</script>

<style>

</style>